import 'package:flutter/material.dart';


class MessageIndex extends StatefulWidget {
  @override
  _MessageIndexState createState() => _MessageIndexState();
}

class _MessageIndexState extends State<MessageIndex> {
  List<Map> nameList = [
    {"name": "疯狂小杨哥", "image": "http://rec6p45ah.hn-bkt.clouddn.com/xyg.jpg"},
    {"name": "柳岩", "image": "http://rec6p45ah.hn-bkt.clouddn.com/ly.jpg"},
    {"name": "刘德华", "image": "http://rec6p45ah.hn-bkt.clouddn.com/ldh.jpg"},
    {"name": "王思聪", "image": "http://rec6p45ah.hn-bkt.clouddn.com/wsc.jpg"},
    {"name": "刘德华", "image": "http://rec6p45ah.hn-bkt.clouddn.com/ldh.jpg"},
    {"name": "王思聪", "image": "http://rec6p45ah.hn-bkt.clouddn.com/wsc.jpg"},
    {"name": "刘德华", "image": "http://rec6p45ah.hn-bkt.clouddn.com/ldh.jpg"},
    {"name": "王思聪", "image": "http://rec6p45ah.hn-bkt.clouddn.com/wsc.jpg"},
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          backgroundColor: Colors.white,
          leading: Padding(
            padding: EdgeInsets.all(15),
            child: Container(
              width: 40,
              height: 40,
              decoration: BoxDecoration(
                  //color: Colors.orange,
                  borderRadius: BorderRadius.circular(40),
                  border: Border.all(width: 2, color: Colors.black)),
              child: Icon(
                Icons.add,
                color: Colors.black,
                size: 20,
              ),
            ),
          ),
          actions: [
            IconButton(
                onPressed: () {},
                icon: Icon(
                  Icons.search,
                  size: 35,
                  color: Colors.black,
                ))
          ],
          title: Text(
            "消息",
            style: TextStyle(color: Colors.black),
          ),
          centerTitle: true,
        ),
        body: Container(
          width: MediaQuery.of(context).size.width,
          height: MediaQuery.of(context).size.height,
          color: Colors.white,
          child: ListView(
            children: [
              Container(
                alignment: Alignment.center,
                height: 45,
                color: Color.fromRGBO(248, 248, 248, 1),
                width: MediaQuery.of(context).size.width,
                child: Text(
                  "仅打开朋友通知,及时接收朋友消息 >",
                  style: TextStyle(color: Colors.black),
                ),
              ),
              Container(
                width: MediaQuery.of(context).size.width,
                height: 125,
                //color: Colors.green,
                decoration: BoxDecoration(
                    border: Border(
                        bottom: BorderSide(width: 1, color: Colors.black26))),
                child: ListView(
                  scrollDirection: Axis.horizontal,
                  children: nameList
                      .map(
                        (e) => Column(
                          crossAxisAlignment: CrossAxisAlignment.center,
                          mainAxisAlignment: MainAxisAlignment.center,
                          children: [
                            Container(
                              margin: EdgeInsets.only(
                                left: 20,
                              ),
                              width: 70,
                              height: 70,
                              decoration: BoxDecoration(
                                borderRadius: BorderRadius.circular(70),
                                color: Colors.white,
                                image: DecorationImage(
                                  image: NetworkImage(
                                    e["image"].toString(),
                                  ),
                                  //fit: BoxFit.fill
                                ),
                              ),
                            ),
                            Container(
                              margin: EdgeInsets.only(left: 20, top: 5),
                              width: 70,
                              height: 20,
                              child: Text(
                                "" + e["name"].toString(),
                                textAlign: TextAlign.center,
                                style: TextStyle(color: Colors.black),
                              ),
                            )
                          ],
                        ),
                      )
                      .toList(),
                ),
              ),
              SizedBox(
                height: 8,
              ),
              //分割....../////////////////////////////////////////////////////
              Container(
                width: MediaQuery.of(context).size.width,
                height: 80,
                //color: Colors.green,
                child: Padding(
                  padding: EdgeInsets.only(left: 17, right: 17),
                  child: Column(
                    children: [
                      Container(
                        width: MediaQuery.of(context).size.width,
                        height: 70,
                        //color: Colors.orange,
                        child: Row(
                          children: [
                            Container(
                              width: 70,
                              child: Row(
                                children: [
                                  Container(
                                    width: 70,
                                    height: 70,
                                    decoration: BoxDecoration(
                                        borderRadius: BorderRadius.circular(70),
                                        gradient: LinearGradient(
                                            begin: Alignment.topLeft,
                                            end: Alignment.bottomRight,
                                            colors: [
                                              Color.fromRGBO(111, 158, 237, 1),
                                              Color.fromRGBO(31, 54, 220, 1)
                                            ])),
                                    child: Padding(
                                      padding: EdgeInsets.all(10),
                                      child: Icon(
                                        Icons.supervisor_account,
                                        size: 40,
                                        color: Color.fromRGBO(255, 255, 255, 1),
                                      ),
                                    ),
                                  ),
                                ],
                              ),
                            ),
                            Expanded(
                                child: Container(
                              width: 260,
                              //color: Colors.yellow,
                              decoration: BoxDecoration(
                                  border: Border(
                                      bottom: BorderSide(
                                          width: 1, color: Colors.black26))),
                              child: Row(
                                mainAxisAlignment:
                                    MainAxisAlignment.spaceBetween,
                                children: [
                                  Container(
                                      margin: EdgeInsets.only(left: 10),
                                      alignment: Alignment.bottomLeft,
                                      width: 170,
                                      height: 70,
                                      //color: Colors.deepPurpleAccent,
                                      child: Column(
                                        mainAxisAlignment:
                                            MainAxisAlignment.center,
                                        children: [
                                          Container(
                                            width: 220,
                                            // color: Colors.orange,
                                            child: Text(
                                              "新的朋友",
                                              style: TextStyle(
                                                  fontSize: 18,
                                                  fontWeight: FontWeight.w700,
                                                  color: Colors.black),
                                            ),
                                          ),
                                          SizedBox(
                                            height: 5,
                                          ),
                                          Container(
                                            width: 220,
                                            //color: Colors.orange,
                                            child: Text(
                                              "小杨哥关注了你",
                                              style: TextStyle(
                                                  fontSize: 14,
                                                  fontWeight: FontWeight.w700,
                                                  color: Color.fromRGBO(
                                                      170,179,172, 1)),
                                            ),
                                          ),
                                        ],
                                      )),
                                  Text(
                                    ">",
                                    style: TextStyle(
                                        fontSize: 20, color: Colors.black),
                                  ),
                                ],
                              ),
                            )),
                          ],
                        ),
                      )
                      // Container(
                      //   width: 220,
                      //   height: 100,
                      //   child: Center(
                      //     child: ModelViewer(
                      //       backgroundColor: Colors.teal[50],
                      //       src:
                      //           'http://rec6p45ah.hn-bkt.clouddn.com/watermelon.glb',
                      //       alt: "A 3D model of an table soccer",
                      //       autoPlay: true,
                      //       autoRotate: true,
                      //       cameraControls: true,
                      //     ),
                      //   ),
                      // ),
                    ],
                  ),
                ),
              ),
              Container(
                width: MediaQuery.of(context).size.width,
                height: 80,
                //color: Colors.green,
                child: Padding(
                  padding: EdgeInsets.only(left: 17, right: 17),
                  child: Column(
                    children: [
                      Container(
                        width: MediaQuery.of(context).size.width,
                        height: 70,
                        //color: Colors.orange,
                        child: Row(
                          children: [
                            Container(
                              width: 70,
                              child: Row(
                                children: [
                                  Container(
                                    width: 70,
                                    height: 70,
                                    decoration: BoxDecoration(
                                        borderRadius: BorderRadius.circular(70),
                                        gradient: LinearGradient(
                                            begin: Alignment.topLeft,
                                            end: Alignment.bottomRight,
                                            colors: [
                                              Color.fromRGBO(241, 165, 194, 1),
                                              Color.fromRGBO(232, 59, 102, 1)
                                            ])),
                                    child: Padding(
                                      padding: EdgeInsets.all(10),
                                      child: Icon(
                                        Icons.messenger_outline_outlined,
                                        size: 40,
                                        color: Color.fromRGBO(255, 255, 255, 1),
                                      ),
                                    ),
                                  ),
                                ],
                              ),
                            ),
                            Expanded(
                                child: Container(
                              width: 260,
                              //color: Colors.yellow,
                              decoration: BoxDecoration(
                                  border: Border(
                                      bottom: BorderSide(
                                          width: 1, color: Colors.black26))),
                              child: Row(
                                mainAxisAlignment:
                                    MainAxisAlignment.spaceBetween,
                                children: [
                                  Container(
                                      margin: EdgeInsets.only(left: 10),
                                      alignment: Alignment.bottomLeft,
                                      width: 170,
                                      height: 70,
                                      //color: Colors.deepPurpleAccent,
                                      child: Column(
                                        mainAxisAlignment:
                                            MainAxisAlignment.center,
                                        children: [
                                          Container(
                                            width: 220,
                                            // color: Colors.orange,
                                            child: Text(
                                              "互动消息",
                                              style: TextStyle(
                                                  fontSize: 18,
                                                  fontWeight: FontWeight.w700,
                                                  color: Colors.black),
                                            ),
                                          ),
                                          SizedBox(
                                            height: 5,
                                          ),
                                          Container(
                                            width: 220,
                                            //color: Colors.orange,
                                            child: Text(
                                              "刘德华近期来过你的主页",
                                              style: TextStyle(
                                                  fontSize: 14,
                                                  fontWeight: FontWeight.w700,
                                                  color: Color.fromRGBO(
                                                      170,179,172, 1)),
                                            ),
                                          ),
                                        ],
                                      )),
                                  Text(
                                    ">",
                                    style: TextStyle(
                                        fontSize: 20, color: Colors.black),
                                  ),
                                ],
                              ),
                            )),
                          ],
                        ),
                      )
                      // Container(
                      //   width: 220,
                      //   height: 100,
                      //   child: Center(
                      //     child: ModelViewer(
                      //       backgroundColor: Colors.teal[50],
                      //       src:
                      //           'http://rec6p45ah.hn-bkt.clouddn.com/watermelon.glb',
                      //       alt: "A 3D model of an table soccer",
                      //       autoPlay: true,
                      //       autoRotate: true,
                      //       cameraControls: true,
                      //     ),
                      //   ),
                      // ),
                    ],
                  ),
                ),
              ),
              Container(
                width: MediaQuery.of(context).size.width,
                height: 80,
                //color: Colors.green,
                child: Padding(
                  padding: EdgeInsets.only(left: 17, right: 17),
                  child: Column(
                    children: [
                      Container(
                        width: MediaQuery.of(context).size.width,
                        height: 70,
                        //color: Colors.orange,
                        child: Row(
                          children: [
                            Container(
                              width: 70,
                              child: Row(
                                children: [
                                  Container(
                                    width: 70,
                                    height: 70,
                                    decoration: BoxDecoration(
                                        borderRadius: BorderRadius.circular(70),
                                        gradient: LinearGradient(
                                            begin: Alignment.topLeft,
                                            end: Alignment.bottomRight,
                                            colors: [
                                              Color.fromRGBO(216, 165, 123, 1),
                                              Color.fromRGBO(231, 110, 46, 1)
                                            ])),
                                    child: Padding(
                                      padding: EdgeInsets.all(10),
                                      child: Icon(
                                        Icons.wifi_calling,
                                        size: 40,
                                        color: Color.fromRGBO(255, 255, 255, 1),
                                      ),
                                    ),
                                  ),
                                ],
                              ),
                            ),
                            Expanded(
                                child: Container(
                              width: 260,
                              //color: Colors.yellow,
                              decoration: BoxDecoration(
                                  border: Border(
                                      bottom: BorderSide(
                                          width: 1, color: Colors.black26))),
                              child: Row(
                                mainAxisAlignment:
                                    MainAxisAlignment.spaceBetween,
                                children: [
                                  Container(
                                      margin: EdgeInsets.only(left: 10),
                                      alignment: Alignment.bottomLeft,
                                      width: 170,
                                      height: 70,
                                      //color: Colors.deepPurpleAccent,
                                      child: Column(
                                        mainAxisAlignment:
                                            MainAxisAlignment.center,
                                        children: [
                                          Container(
                                            width: 220,
                                            // color: Colors.orange,
                                            child: Text(
                                              "服务通知",
                                              style: TextStyle(
                                                  fontSize: 18,
                                                  fontWeight: FontWeight.w700,
                                                  color: Colors.black),
                                            ),
                                          ),
                                          SizedBox(
                                            height: 5,
                                          ),
                                          Container(
                                            width: 220,
                                            //color: Colors.orange,
                                            child: Text(
                                              "通用营销补贴到账信息~ 6/28",
                                              style: TextStyle(
                                                  fontSize: 14,
                                                  fontWeight: FontWeight.w700,
                                                  color: Color.fromRGBO(
                                                      170,179,172, 1)),
                                            ),
                                          ),
                                        ],
                                      )),
                                  Text(
                                    ">",
                                    style: TextStyle(
                                        fontSize: 20, color: Colors.black),
                                  ),
                                ],
                              ),
                            )),
                          ],
                        ),
                      )
                      // Container(
                      //   width: 220,
                      //   height: 100,
                      //   child: Center(
                      //     child: ModelViewer(
                      //       backgroundColor: Colors.teal[50],
                      //       src:
                      //           'http://rec6p45ah.hn-bkt.clouddn.com/watermelon.glb',
                      //       alt: "A 3D model of an table soccer",
                      //       autoPlay: true,
                      //       autoRotate: true,
                      //       cameraControls: true,
                      //     ),
                      //   ),
                      // ),
                    ],
                  ),
                ),
              ),
              Container(
                width: MediaQuery.of(context).size.width,
                height: 80,
                //color: Colors.green,
                child: Padding(
                  padding: EdgeInsets.only(left: 17, right: 17),
                  child: Column(
                    children: [
                      Container(
                        width: MediaQuery.of(context).size.width,
                        height: 70,
                        //color: Colors.orange,
                        child: Row(
                          children: [
                            Container(
                              width: 70,
                              child: Row(
                                children: [
                                  Container(
                                    width: 70,
                                    height: 70,
                                    decoration: BoxDecoration(
                                        borderRadius: BorderRadius.circular(70),
                                        gradient: LinearGradient(
                                            begin: Alignment.topLeft,
                                            end: Alignment.bottomRight,
                                            colors: [
                                              Color.fromRGBO(237, 153, 140, 1),
                                              Color.fromRGBO(241, 59, 100, 1)
                                            ])),
                                    child: Padding(
                                      padding: EdgeInsets.all(10),
                                      child: Icon(
                                        Icons.supervisor_account,
                                        size: 40,
                                        color: Color.fromRGBO(255, 255, 255, 1),
                                      ),
                                    ),
                                  ),
                                ],
                              ),
                            ),
                            Expanded(
                                child: Container(
                              width: 260,
                              //color: Colors.yellow,
                              decoration: BoxDecoration(
                                  border: Border(
                                      bottom: BorderSide(
                                          width: 1, color: Colors.black26))),
                              child: Row(
                                mainAxisAlignment:
                                    MainAxisAlignment.spaceBetween,
                                children: [
                                  Container(
                                      margin: EdgeInsets.only(left: 10),
                                      alignment: Alignment.bottomLeft,
                                      width: 170,
                                      height: 70,
                                      //color: Colors.deepPurpleAccent,
                                      child: Column(
                                        mainAxisAlignment:
                                            MainAxisAlignment.center,
                                        children: [
                                          Container(
                                            width: 220,
                                            // color: Colors.orange,
                                            child: Text(
                                              "系统通知",
                                              style: TextStyle(
                                                  fontSize: 18,
                                                  fontWeight: FontWeight.w700,
                                                  color: Colors.black),
                                            ),
                                          ),
                                          SizedBox(
                                            height: 5,
                                          ),
                                          Container(
                                            width: 220,
                                            //color: Colors.orange,
                                            child: Text(
                                              "账号登录提醒 6/26",
                                              style: TextStyle(
                                                  fontSize: 14,
                                                  fontWeight: FontWeight.w700,
                                                  color: Color.fromRGBO(
                                                      170,179,172, 1)),
                                            ),
                                          ),
                                        ],
                                      )),
                                  Text(
                                    ">",
                                    style: TextStyle(
                                        fontSize: 20, color: Colors.black),
                                  ),
                                ],
                              ),
                            )),
                          ],
                        ),
                      )
                      // Container(
                      //   width: 220,
                      //   height: 100,
                      //   child: Center(
                      //     child: ModelViewer(
                      //       backgroundColor: Colors.teal[50],
                      //       src:
                      //           'http://rec6p45ah.hn-bkt.clouddn.com/watermelon.glb',
                      //       alt: "A 3D model of an table soccer",
                      //       autoPlay: true,
                      //       autoRotate: true,
                      //       cameraControls: true,
                      //     ),
                      //   ),
                      // ),
                    ],
                  ),
                ),
              ),
              Container(
                width: MediaQuery.of(context).size.width,
                height: 80,
                //color: Colors.green,
                child: Padding(
                  padding: EdgeInsets.only(left: 17, right: 17),
                  child: Column(
                    children: [
                      Container(
                        width: MediaQuery.of(context).size.width,
                        height: 70,
                        //color: Colors.orange,
                        child: Row(
                          children: [
                            Container(
                              width: 70,
                              child: Row(
                                children: [
                                  Container(
                                    width: 70,
                                    height: 70,
                                    decoration: BoxDecoration(
                                        borderRadius: BorderRadius.circular(70),
                                        gradient: LinearGradient(
                                            begin: Alignment.topLeft,
                                            end: Alignment.bottomRight,
                                            colors: [
                                              Color.fromRGBO(245, 138, 196, 1),
                                              Color.fromRGBO(215, 54, 133, 1)
                                            ])),
                                    child: Padding(
                                      padding: EdgeInsets.all(10),
                                      child: Icon(
                                        Icons.add_alert_rounded,
                                        size: 40,
                                        color: Color.fromRGBO(255, 255, 255, 1),
                                      ),
                                    ),
                                  ),
                                ],
                              ),
                            ),
                            Expanded(
                                child: Container(
                              width: 260,
                              //color: Colors.yellow,
                              decoration: BoxDecoration(
                                  border: Border(
                                      bottom: BorderSide(
                                          width: 1, color: Colors.black26))),
                              child: Row(
                                mainAxisAlignment:
                                    MainAxisAlignment.spaceBetween,
                                children: [
                                  Container(
                                      margin: EdgeInsets.only(left: 10),
                                      alignment: Alignment.bottomLeft,
                                      width: 170,
                                      height: 70,
                                      //color: Colors.deepPurpleAccent,
                                      child: Column(
                                        mainAxisAlignment:
                                            MainAxisAlignment.center,
                                        children: [
                                          Container(
                                            width: 220,
                                            // color: Colors.orange,
                                            child: Text(
                                              "活动通知",
                                              style: TextStyle(
                                                  fontSize: 18,
                                                  fontWeight: FontWeight.w700,
                                                  color: Colors.black),
                                            ),
                                          ),
                                          SizedBox(
                                            height: 5,
                                          ),
                                          Container(
                                            width: 220,
                                            //color: Colors.orange,
                                            child: Text(
                                              "用心守护美好生活 6/13",
                                              style: TextStyle(
                                                  fontSize: 14,
                                                  fontWeight: FontWeight.w700,
                                                  color: Color.fromRGBO(
                                                      170,179,172, 1)),//170, 170, 172
                                            ),
                                          ),
                                        ],
                                      )),
                                  Text(
                                    ">",
                                    style: TextStyle(
                                        fontSize: 20, color: Colors.black),
                                  ),
                                ],
                              ),
                            )),
                          ],
                        ),
                      )
                      // Container(
                      //   width: 220,
                      //   height: 100,
                      //   child: Center(
                      //     child: ModelViewer(
                      //       backgroundColor: Colors.teal[50],
                      //       src:
                      //           'http://rec6p45ah.hn-bkt.clouddn.com/watermelon.glb',
                      //       alt: "A 3D model of an table soccer",
                      //       autoPlay: true,
                      //       autoRotate: true,
                      //       cameraControls: true,
                      //     ),
                      //   ),
                      // ),
                    ],
                  ),
                ),
              ),
              Container(
                width: MediaQuery.of(context).size.width,
                height: 80,
                //color: Colors.green,
                child: Padding(
                  padding: EdgeInsets.only(left: 17, right: 17),
                  child: Column(
                    children: [
                      Container(
                        width: MediaQuery.of(context).size.width,
                        height: 70,
                        //color: Colors.orange,
                        child: Row(
                          children: [
                            Container(
                              width: 70,
                              child: Row(
                                children: [
                                  Container(
                                    width: 70,
                                    height: 70,
                                    decoration: BoxDecoration(
                                        borderRadius: BorderRadius.circular(70),
                                        gradient: LinearGradient(
                                            begin: Alignment.topLeft,
                                            end: Alignment.bottomRight,
                                            colors: [
                                              Color.fromRGBO(245, 138, 196, 1),
                                              Color.fromRGBO(215, 54, 133, 1)
                                            ])),
                                    child: Padding(
                                      padding: EdgeInsets.all(10),
                                      child: Icon(
                                        Icons.add_alert_rounded,
                                        size: 40,
                                        color: Color.fromRGBO(255, 255, 255, 1),
                                      ),
                                    ),
                                  ),
                                ],
                              ),
                            ),
                            Expanded(
                                child: Container(
                                  width: 260,
                                  //color: Colors.yellow,
                                  decoration: BoxDecoration(
                                      border: Border(
                                          bottom: BorderSide(
                                              width: 1, color: Colors.black26))),
                                  child: Row(
                                    mainAxisAlignment:
                                    MainAxisAlignment.spaceBetween,
                                    children: [
                                      Container(
                                          margin: EdgeInsets.only(left: 10),
                                          alignment: Alignment.bottomLeft,
                                          width: 170,
                                          height: 70,
                                          //color: Colors.deepPurpleAccent,
                                          child: Column(
                                            mainAxisAlignment:
                                            MainAxisAlignment.center,
                                            children: [
                                              Container(
                                                width: 220,
                                                // color: Colors.orange,
                                                child: Text(
                                                  "活动通知",
                                                  style: TextStyle(
                                                      fontSize: 18,
                                                      fontWeight: FontWeight.w700,
                                                      color: Colors.black),
                                                ),
                                              ),
                                              SizedBox(
                                                height: 5,
                                              ),
                                              Container(
                                                width: 220,
                                                //color: Colors.orange,
                                                child: Text(
                                                  "用心守护美好生活 6/13",
                                                  style: TextStyle(
                                                      fontSize: 14,
                                                      fontWeight: FontWeight.w700,
                                                      color: Color.fromRGBO(
                                                          170,179,172, 1)),//170, 170, 172
                                                ),
                                              ),
                                            ],
                                          )),
                                      Text(
                                        ">",
                                        style: TextStyle(
                                            fontSize: 20, color: Colors.black),
                                      ),
                                    ],
                                  ),
                                )),
                          ],
                        ),
                      )
                      // Container(
                      //   width: 220,
                      //   height: 100,
                      //   child: Center(
                      //     child: ModelViewer(
                      //       backgroundColor: Colors.teal[50],
                      //       src:
                      //           'http://rec6p45ah.hn-bkt.clouddn.com/watermelon.glb',
                      //       alt: "A 3D model of an table soccer",
                      //       autoPlay: true,
                      //       autoRotate: true,
                      //       cameraControls: true,
                      //     ),
                      //   ),
                      // ),
                    ],
                  ),
                ),
              ),
              Container(
                width: MediaQuery.of(context).size.width,
                height: 80,
                //color: Colors.green,
                child: Padding(
                  padding: EdgeInsets.only(left: 17, right: 17),
                  child: Column(
                    children: [
                      Container(
                        width: MediaQuery.of(context).size.width,
                        height: 70,
                        //color: Colors.orange,
                        child: Row(
                          children: [
                            Container(
                              width: 70,
                              child: Row(
                                children: [
                                  Container(
                                    width: 70,
                                    height: 70,
                                    decoration: BoxDecoration(
                                        borderRadius: BorderRadius.circular(70),
                                        gradient: LinearGradient(
                                            begin: Alignment.topLeft,
                                            end: Alignment.bottomRight,
                                            colors: [
                                              Color.fromRGBO(245, 138, 196, 1),
                                              Color.fromRGBO(215, 54, 133, 1)
                                            ])),
                                    child: Padding(
                                      padding: EdgeInsets.all(10),
                                      child: Icon(
                                        Icons.add_alert_rounded,
                                        size: 40,
                                        color: Color.fromRGBO(255, 255, 255, 1),
                                      ),
                                    ),
                                  ),
                                ],
                              ),
                            ),
                            Expanded(
                                child: Container(
                                  width: 260,
                                  //color: Colors.yellow,
                                  decoration: BoxDecoration(
                                      border: Border(
                                          bottom: BorderSide(
                                              width: 1, color: Colors.black26))),
                                  child: Row(
                                    mainAxisAlignment:
                                    MainAxisAlignment.spaceBetween,
                                    children: [
                                      Container(
                                          margin: EdgeInsets.only(left: 10),
                                          alignment: Alignment.bottomLeft,
                                          width: 170,
                                          height: 70,
                                          //color: Colors.deepPurpleAccent,
                                          child: Column(
                                            mainAxisAlignment:
                                            MainAxisAlignment.center,
                                            children: [
                                              Container(
                                                width: 220,
                                                // color: Colors.orange,
                                                child: Text(
                                                  "活动通知",
                                                  style: TextStyle(
                                                      fontSize: 18,
                                                      fontWeight: FontWeight.w700,
                                                      color: Colors.black),
                                                ),
                                              ),
                                              SizedBox(
                                                height: 5,
                                              ),
                                              Container(
                                                width: 220,
                                                //color: Colors.orange,
                                                child: Text(
                                                  "用心守护美好生活 6/13",
                                                  style: TextStyle(
                                                      fontSize: 14,
                                                      fontWeight: FontWeight.w700,
                                                      color: Color.fromRGBO(
                                                          170,179,172, 1)),//170, 170, 172
                                                ),
                                              ),
                                            ],
                                          )),
                                      Text(
                                        ">",
                                        style: TextStyle(
                                            fontSize: 20, color: Colors.black),
                                      ),
                                    ],
                                  ),
                                )),
                          ],
                        ),
                      )
                      // Container(
                      //   width: 220,
                      //   height: 100,
                      //   child: Center(
                      //     child: ModelViewer(
                      //       backgroundColor: Colors.teal[50],
                      //       src:
                      //           'http://rec6p45ah.hn-bkt.clouddn.com/watermelon.glb',
                      //       alt: "A 3D model of an table soccer",
                      //       autoPlay: true,
                      //       autoRotate: true,
                      //       cameraControls: true,
                      //     ),
                      //   ),
                      // ),
                    ],
                  ),
                ),
              ),
              Container(
                width: MediaQuery.of(context).size.width,
                height: 80,
                //color: Colors.green,
                child: Padding(
                  padding: EdgeInsets.only(left: 17, right: 17),
                  child: Column(
                    children: [
                      Container(
                        width: MediaQuery.of(context).size.width,
                        height: 70,
                        //color: Colors.orange,
                        child: Row(
                          children: [
                            Container(
                              width: 70,
                              child: Row(
                                children: [
                                  Container(
                                    width: 70,
                                    height: 70,
                                    decoration: BoxDecoration(
                                        borderRadius: BorderRadius.circular(70),
                                        gradient: LinearGradient(
                                            begin: Alignment.topLeft,
                                            end: Alignment.bottomRight,
                                            colors: [
                                              Color.fromRGBO(245, 138, 196, 1),
                                              Color.fromRGBO(215, 54, 133, 1)
                                            ])),
                                    child: Padding(
                                      padding: EdgeInsets.all(10),
                                      child: Icon(
                                        Icons.add_alert_rounded,
                                        size: 40,
                                        color: Color.fromRGBO(255, 255, 255, 1),
                                      ),
                                    ),
                                  ),
                                ],
                              ),
                            ),
                            Expanded(
                                child: Container(
                                  width: 260,
                                  //color: Colors.yellow,
                                  decoration: BoxDecoration(
                                      border: Border(
                                          bottom: BorderSide(
                                              width: 1, color: Colors.black26))),
                                  child: Row(
                                    mainAxisAlignment:
                                    MainAxisAlignment.spaceBetween,
                                    children: [
                                      Container(
                                          margin: EdgeInsets.only(left: 10),
                                          alignment: Alignment.bottomLeft,
                                          width: 170,
                                          height: 70,
                                          //color: Colors.deepPurpleAccent,
                                          child: Column(
                                            mainAxisAlignment:
                                            MainAxisAlignment.center,
                                            children: [
                                              Container(
                                                width: 220,
                                                // color: Colors.orange,
                                                child: Text(
                                                  "活动通知",
                                                  style: TextStyle(
                                                      fontSize: 18,
                                                      fontWeight: FontWeight.w700,
                                                      color: Colors.black),
                                                ),
                                              ),
                                              SizedBox(
                                                height: 5,
                                              ),
                                              Container(
                                                width: 220,
                                                //color: Colors.orange,
                                                child: Text(
                                                  "用心守护美好生活 6/13",
                                                  style: TextStyle(
                                                      fontSize: 14,
                                                      fontWeight: FontWeight.w700,
                                                      color: Color.fromRGBO(
                                                          170,179,172, 1)),//170, 170, 172
                                                ),
                                              ),
                                            ],
                                          )),
                                      Text(
                                        ">",
                                        style: TextStyle(
                                            fontSize: 20, color: Colors.black),
                                      ),
                                    ],
                                  ),
                                )),
                          ],
                        ),
                      )
                      // Container(
                      //   width: 220,
                      //   height: 100,
                      //   child: Center(
                      //     child: ModelViewer(
                      //       backgroundColor: Colors.teal[50],
                      //       src:
                      //           'http://rec6p45ah.hn-bkt.clouddn.com/watermelon.glb',
                      //       alt: "A 3D model of an table soccer",
                      //       autoPlay: true,
                      //       autoRotate: true,
                      //       cameraControls: true,
                      //     ),
                      //   ),
                      // ),
                    ],
                  ),
                ),
              ),
            ],
          ),
        ));
  }
}
